<template>
<div>
  <van-nav-bar title="申请" left-text="返回" left-arrow @click-left="onClickLeft" fixed />
  <div class="title">请选择您需要申请的类型</div>
  <div class="content">
    <div class="content-item" @click="$router.push({ name: 'individual' })">
      <img class="item-img" src='@/assets/img/个人.png'>
      <div class="item-info">
        <span class="info-desc">申请个体户</span>
      </div>
    </div>
    <div class="content-item">
      <img class="item-img" src='@/assets/img/协会.png' @click="$router.push({ name: 'associationList' })">
      <div class="item-info">
        <span class="info-desc">申请协会</span>
      </div>
    </div>
  </div>
</div>
</template>

<script>
export default {
  name: 'farmerApply',
  methods: {
    onClickLeft() {
      this.$router.push({
        name: 'main'
      })
    },
  },
}
</script>

<style scoped>
.title {
  margin: 66px 0 8px 24px;
  font-size: 14px;
  font-weight: 400;
  line-height: 13px;
  color: #6A6F7A;

}

.content {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 375px;
  height: 188px;
  background: #FFFFFF;

}

.content-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 156px;
  height: 156px;
  border: 1px solid #E3E5EA;
  border-radius: 8px;
  margin: 0 8px;
}

.item-img {
  width: 104px;
  height: 104px;
}

.item-info {
  display: flex;
  align-items: center;
  margin-top: 8px;
}

.info-desc {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  color: #2C2E34;
}
</style>
